<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />

	</head>

	<body>
		<div class="index_web">
			<div class="head">
				<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
					<div class="container">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
							<a class="navbar-brand" href="index.html"><img src="img/images/Layabox_02.png" class="img-responsive logo">
							</a>
						</div>
						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="navbar-collapse collapse" id="bs-example-navbar-collapse-1" aria-expanded="false" style="height: 1px;">
							<ul class="nav navbar-nav navbar-left">
								<li class="active">
									<a href="index.html">首页</a>
								</li>
								<li>
									<a href="family.html">Laya家族</a>
								</li>
								<li>
									<a href="games.html">游戏</a>
								</li>
								<li>
									<a href="news.html">新闻动态</a>
								</li>
								<li>
									<a href="About_us.html">关于我们</a>
								</li>
							</ul>
							<ul class="nav navbar-nav navbar-right">
								<li class="dropdown">
									<a href="http://layabox.com/#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Language <b class="caret"></b></a>
									<ul class="dropdown-menu">
										<li class="">
											<a href="#">中文</a>
										</li>
										<li>
											<a href="#">English</a>
										</li>
									</ul>
								</li>
							</ul>
						</div>
						<!-- /.navbar-collapse -->
					</div>
					<!-- /.container -->
				</nav>
			</div>
			<div class="middle_pic">
				<img src="img/images/Layabox_04.png"/>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-md-10 col-xs-12">
						<h1 class="text">LayaFlash 引擎</h1>
						<p class="text1">让Flash技术变成开发HTML5产品的利器</p>
						<div class="row">
							<div class="col-xs-12 col-md-5">
								<div class="box">
									<img src="img/images/index2_03.png"/>
									<h4>快速Flash产品转换</h4>
									<p>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</p>
								</div>
								<div class="clear"></div>
							</div>
							<div class="col-xs-12 col-md-5">
								<div class="box">
									<img src="img/images/index2_03.png"/>
									<h4>快速Flash产品转换</h4>
									<p>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</p>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12 col-md-5">
								<div class="box">
									<img src="img/images/index2_03.png"/>
									<h4>快速Flash产品转换</h4>
									<p>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</p>
								</div>
							</div>
							<div class="col-xs-12 col-md-5">
								<div class="box">
									<img src="img/images/index2_03.png"/>
									<h4>快速Flash产品转换</h4>
									<p>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</p>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-2 col-xs-12">
						<div class="hidden-xs">
							<img src="img/images/Layabox_07.png"/>
						</div>
					</div>
				</div>
			</div>
			<div class="middle">
				<div class="row">
					<div class="col-xs-12 col-md-5">
						<img src="img/images/Layabox_11.png"/>
					</div>
					<div class="col-xs-12 col-md-6">
						<div class="text">
							<h1>Layabox 优势</h1>
						</div>
						<div class="row">
							<div class="col-xs-12 col-md-12 ">
								<div class="pic">
									<img src="img/images/index.png"/>
								</div>
								<div class="text">
									快速上手，Flash程序员3小时掌握HTML5开发
								</div>
							</div>
							<div class="col-xs-12 col-md-12 ">
								<div class="pic">
									<img src="img/images/index.png"/>
								</div>
								<div class="text">
									快速上手，Flash程序员3小时掌握HTML5开发
								</div>
							</div>
							<div class="col-xs-12 col-md-12 ">
								<div class="pic">
									<img src="img/images/index.png"/>
								</div>
								<div class="text">
									快速上手，Flash程序员3小时掌握HTML5开发
								</div>
							</div>
							<div class="col-xs-12 col-md-12 ">
								<div class="pic">
									<img src="img/images/index.png"/>
								</div>
								<div class="text">
									快速上手，Flash程序员3小时掌握HTML5开发
								</div>
							</div>
						</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<div class="middle2">
				<div class="middle_text">
					<h1>Layabox产品家族</h1>
				</div>
				<div class="row">
					<div class="col-xs-12 col-md-4">
						<div class="pic">
							<img src="img/images/Layabox_22.png"/>
						</div>
						<div class="texte">
							<h2>LayaAir</h2>
							<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>
						</div>
					</div>
					<div class="col-xs-12 col-md-4">
						<div class="pic">
							<img src="img/images/Layabox_17.png"/>
						</div>
						<div class="texte">
							<h2>LayaAir</h2>
							<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-12 col-md-4">
						<div class="pic">
							<img src="img/images/Layabox_29.png"/>
						</div>
						<div class="texte">
							<h2>LayaAir</h2>
							<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>
						</div>
					</div>
					<div class="col-xs-12 col-md-4">
						<div class="pic">
							<img src="img/images/Layabox_15.png"/>
						</div>
						<div class="texte">
							<h2>LayaAir</h2>
							<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-12 col-md-4">
						<div class="pic">
							<img src="img/images/Layabox_24.png"/>
						</div>
						<div class="texte">
							<h2>LayaAir</h2>
							<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>
						</div>
					</div>
					<div class="col-xs-12 col-md-4">
						<div class="pic">
							<img src="img/images/Layabox_27.png"/>
						</div>
						<div class="texte">
							<h2>LayaAir</h2>
							<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>
						</div>
					</div>
				</div>
			</div>
			<div class="middle3">
				<div class="row">
					<div class="col-md-6 col-xs-12">
						<div class="text">
							<h1>采用Layabox引擎的精彩游戏</h1>
						</div>
					</div>
					<div class="col-md-6 col-xs-12">
						<div class="text1 hidden-xs">
							更多
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4 col-xs-12">
						<div class="pic">
							<img src="img/images/Lybox_03.png"/>
						</div>
					</div>
					<div class="col-md-7 col-xs-12">
						<div class="row">
							<div class="col-md-2 col-xs-4">
								<div>
									<img src="img/images/Layabox_34.png"/>
								</div>
								<div class="text">
									猎刃2
								</div>
							</div>
							<div class="col-md-2 col-xs-4">
								<div>
									<img src="img/images/Layabox_36.png"/>
								</div>
								<div class="text">
									上吧主公
								</div>
							</div>
							<div class="col-md-2 col-xs-4">
								<div>
									<img src="img/images/Layabox_38.png"/>
								</div>
								<div class="text">
									醉西游
								</div>
							</div>
							<div class="col-md-2 col-xs-4">
								<div>
									<img src="img/images/Layabox_40.png"/>
								</div>
								<div class="text">
									魔卡幻想
								</div>
							</div>
							<div class="col-md-2 col-xs-4">
								<div>
									<img src="img/images/Layabox_55.png"/>
								</div>
								<div class="text">
									超能战队
								</div>
							</div>
							<div class="col-md-2 col-xs-4">
								<div>
									<img src="img/images/Layabox_42.png"/>
								</div>
								<div class="text">
									刀塔大菠萝
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-2 col-xs-4">
								<div>
									<img src="img/images/Layabox_59.png"/>
								</div>
								<div class="text">
									轰三国
								</div>
							</div>
							<div class="col-md-2 col-xs-4">
								<div>
									<img src="img/images/Layabox_55.png"/>
								</div>
								<div class="text">
									迷你猎人
								</div>
							</div>
							<div class="col-md-2 col-xs-4">
								<div>
									<img src="img/images/Layabox_56.png"/>
								</div>
								<div class="text">
									萌挂三国
								</div>
							</div>
							<div class="col-md-2 col-xs-4">
								<div>
									<img src="img/images/Layabox_44.png"/>
								</div>
								<div class="text">
									夺塔三国
								</div>
							</div>
							<div class="col-md-2 col-xs-4">
								<div>
									<img src="img/images/Layabox_59.png"/>
								</div>
								<div class="text">
									英雄争霸
								</div>
							</div>
							<div class="col-md-2 col-xs-4">
								<div>
									<img src="img/images/Layabox_55.png"/>
								</div>
								<div class="text">
									战争之门
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="bigbox">
				<div class="middle4">
					<div class="row">
						<div class="col-md-6 col-xs-12">
							<h1>合作伙伴
								<span>(排序不分先后)</span>
							</h1>
						</div>
					</div>
					<div class="row">
						<div class="col-md-2 col-xs-4">
							<div>
								<img src="img/images/Layabox_74.png"/>
							</div>
						</div>
						<div class="col-md-2 col-xs-4">
							<div>
								<img src="img/images/Layabox_76.png"/>
							</div>
						</div>
						<div class="col-md-2 col-xs-4">
							<div>
								<img src="img/images/Layabox_68.png"/>
							</div>
						</div>
						<div class="col-md-2 col-xs-4">
							<div>
								<img src="img/images/Layabox_79.png"/>
							</div>
						</div>
						<div class="col-md-2 col-xs-4">
							<div>
								<img src="img/images/Layabox_71.png"/>
							</div>
						</div>
						<div class="col-md-2 col-xs-4">
							<div>
								<img src="img/images/Layabox_82.png"/>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-2 col-xs-4">
							<div>
								<img src="img/images/Layabox_94.png"/>
							</div>
						</div>
						<div class="col-md-2 col-xs-4">
							<div>
								<img src="img/images/Layabox_90.png"/>
							</div>
						</div>
						<div class="col-md-2 col-xs-4">
							<div>
								<img src="img/images/Layabox_100.png"/>
							</div>
						</div>
						<div class="col-md-2 col-xs-4">
							<div>
								<img src="img/images/Layabox_97.png"/>
							</div>
						</div>
						<div class="col-md-2 col-xs-4">
							<div>
								<img src="img/images/Layabox_94.png"/>
							</div>
						</div>
						<div class="col-md-2 col-xs-4">
							<div>
								<img src="img/images/Layabox_92.png"/>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="foot">
				<div class="inside_foot">
					<div class="row">
						<div class="col-md-6">
							<div class="col-md-2 col col-xs-3 ">
							公司简介
							</div>
							<div class="col-md-2 col col-xs-3 ">
							公司简介
							</div>
							<div class="col-md-2 col col-xs-3 ">
							公司简介
							</div>
						</div>
						<div class="col-md-6">
							<div class="col-md-2 col col-xs-4 ">
							
							</div>
							<div class="col-md-2 col col-xs-4 ">
							
							</div>
							<div class="col-md-2 col col-xs-4 ">
							
							</div>
							<div class="col-md-2 col col-xs-4 hidden-xs">
							<img src="img/games/images/games_76.png"/>
							</div>
							<div class="col-md-2 col col-xs-4 hidden-xs">
							<img src="img/games/images/games_78.png"/>
							</div>
							<div class="col-md-2 col col-xs-4 hidden-xs">
							<img src="img/games/images/games_80.jpg"/>
							</div>
						</div>
						<div class="col-md-6">
							All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>